import {
    createBrowserRouter,
} from "react-router";
import Home from "../pages/Home";
import Order from "../pages/Order";
import { MainLayout } from "../layouts/MainLayout";
import { Personal } from "../pages/Personal";
import { ShopDetails } from "../pages/Home/ShopDetails";
import { PayOrder } from "../pages/Order/PayOrder/PayOrder";
import { Remark } from "../pages/Order/PayOrder/Remark/Remark";
import { Login } from "../pages/Personal/Login/Login";
import { Address } from "../pages/Personal/Address/Address";
import { AddAddress } from "../pages/Personal/Address/AddAddress/AddAddress";
import { OrderDetails } from "../pages/Order/OrderDetails/OrderDetails";

const router = createBrowserRouter([
    {
        path: '/',
        Component: MainLayout,
        children: [
            {
                index: true,
                Component: Home
            },
            {
                path: 'login',
                Component: Login
            },
            {
                path: 'home',
                Component: Home
            },
            {
                path: 'order',
                Component: Order
            }, {
                path: 'personal',
                Component: Personal
            }, {
                path: 'shopdetails',
                Component: ShopDetails
            }, {
                path: 'payorder',
                Component: PayOrder
            }, {
                path: 'remark',
                Component: Remark
            },{
                path:'address',
                Component:Address
            },
            {
                path:'addaddress',
                Component:AddAddress
            },{
                path:'orderDetails',
                Component:OrderDetails
            }
        ]
    },

]);

export { router }